letter-spacing
|
С |
|
|
|
|
|||||||||
|
7.0 |
8.0 |
9.0 |
7.0 |
8.0 |
9.6 |
10.0 |
10.0 |
3.1 |
4.0 |
5.0 |
3.0 |
3.6 |
4.0 |
|
Помилка |
Так |
Так |
Так |
Так |
Так |
Так |
Так |
Так |
Так |
Так |
Так |
Так |
Так |
Коротка інформація
|
CSS |
CSS1, CSS2 |
|
Значення
за умовчанням |
normal |
|
Наслідує |
Так |
|
Застосовується |
До усіх
елементів |
|
Аналог
HTML |
Ні |
|
Посилання
на специфікацію |
http://www.w
3.org/TR/CSS21/text.html#propdef - letter - spacing |
Опис
Визначає
інтервал між символами в межах елементу. Браузери зазвичай встановлюють
відстань між символами, виходячи з типу і виду шрифту, його розмірів і
налаштувань операційної системи. Щоб змінити це значення і застосовується ця
властивість. Допустимо використовувати негативне значення, але в цьому випадку
потрібно переконатися, що зберігається читабельність тексту.
Синтаксис
letter -
spacing: значення | normal | inherit
Значення
Як значення
приймаються будь-які одиниці довжини, прийняті в CSS, - наприклад, піксели
(px), дюйми (in), пункти (pt) та ін. Найкращий результат дає використання
відносних одиниць заснованих на розмірі шрифту (em і ex).
normal Задає інтервал між символами як завжди.
inherit Наслідує значення батька.
Приклад
HTML 4.0 CSS 2.1 IE 6 IE 7 IE 8 Op 9.5 Sa 3.1 Ff 2.0 Ff 3.0
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML
4.01//EN""http ://www.w 3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type"
content="text/html; charset=windows - 1251">
<title>letter - spacing</title>
<style type="text/css">
P {
letter - spacing: 5px;
}
</style>
</head>
<body>
<h1>Duis te feugifacilisi</h1>
<p>Lorem ipsum dolor sit amet,
consectetuer adipiscing elit, sed diem
nonummy nibh euismod tincidunt ut lacreet
dolore magna aliguam erat volutpat.
Ut wisis enim ad minim veniam, quis nostrud
exerci tution ullamcorper suscipit
lobortis nisl ut aliquip ex ea commodo
consequat.</p>
</body>
</html>
Результат
цього прикладу показаний ні мал. 1.
Мал. 1.
Застосування властивості letter - spacing
Об'єктна модель
[window.]document.getElementById("elementID").style.letterSpacing
Браузери
Internet
Explorer до сьомої версії включно не підтримує значення inherit.
